<template>
    <div>
        <span>demo文本：{{ this.demoData[this.demoTextData-1].text}}</span>
    </div>
</template>

<script>
export default {
    props:{
        demoTextData:{
            type:Number,
            default: () => ({})
        }
    },
    data(){
        return{
            demoData:[
                {id:1,text:'我是一号demo文本'},
                {id:2,text:'我是二号demo文本'},
                {id:3,text:'我是三号demo文本'},
                {id:4,text:'我是四号demo文本'},
                {id:5,text:'我是五号demo文本'},
                {id:6,text:'我是六号demo文本'},
                {id:7,text:'我是七号demo文本'},
                {id:8,text:'我是八号demo文本'},
            ],
        }
    },
    methods:{
        displayText(){
            console.log('显示demo文本:',this.demoTextData);
        },
        //尝试：请求数据时，进行筛选过滤出一条数据
    },
    mounted(){
        this.displayText()
    }
};
</script>

<style scoped></style>